/* public */
section{width:100%; overflow: hidden;}
.container{margin:0 auto; width:1140px; height:100%;z-index:0;}
h2 {font-size:46px; font-weight:normal;}

/* first page */
#block-firstPage{height:1000px; width:100%;background:url("../image/about_bg.jpg"); font-size: 100px; color:white; text-align: center;}
.blockTitle{display:none; position:absolute; margin:0 auto; width:100%;}
#fstPage-down{position:absolute; bottom:16px; height:18px; width:100%;}
#fstPage-down a{display:block; height:18px; width:32px; margin:0 auto;}

/* nav */
#block-nav {position:relative; top:0; height:52px; background-color: #c541f7; color:white; opacity:0.6;filter:alpha(opacity=60)}
#block-nav a{padding:0 25px; font-size:14px; line-height:52px; cursor:pointer; z-index: 1; color:white;}
#block-nav a:hover{color:#999;}
#logo{display: inline-block;}

/* block-intro */
#block-intro {height:auto; width:100%;background:url("../image/about_bg.jpg"); padding:60px 0 100px;}
#intro-icon  {height:300px; width:100%; line-height:300px;}
.link        {display:inline-block; height:100px; width:100px; text-indent: -9999em;-webkit-transition:0.4s linear;transition:0.4s ease-in;}
.link:hover  {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
#intro-text    {display:inline-block; margin:80px 0 0 130px; color:white;}
#intro-text li {height:30px;}
#intro-text ul li a {display:inline-block;}
#intro-text ul li a:hover {border-bottom:2px solid white;}
#intro-text ul li span {display:inline-block; text-align:right; width:70px;}
#intro-text div {display:inline-block; width:550px; margin-left:120px;}
#intro-text>div>p {margin-bottom:26px;}

/* block-skill */
#block-skill {height:auto; width:100%;background:url("../image/about_bg.jpg"); color:#FFFFFF; padding-bottom:160px; }
#block-skill .skill-title {width:300px; margin:0 auto; padding-top:100px; text-align:center;}
#block-skill .skills {height:auto; width:auto;}
#block-skill ul {display:inline-block; height:auto; width:470px; margin:80px 0 0 56px; border:2px solid #FFFFFF; font-size:20px; font-family:"Microsoft YaHei light"; text-align: center; vertical-align: top;}
#block-skill li {height:36px; line-height:36px;}
#block-skill li:first-child {background-color:#FFFFFF; color:#333;}
#block-skill li:hover{background-color:#FFFFFF; color:#333; cursor:default;}

/* block-workEXP */
#block-workEXP {height:auto; width:100%; background:url("../image/about_bg.jpg" ) no-repeat;padding:160px 0}
#block-workEXP .work-title {width:300px; margin:0 auto; text-align:center;}
#block-workEXP .workEXP-main {height:auto; width:auto; margin:100px 0 0 60px;}
#block-workEXP .timebox {margin-left:194px; font-size:40px;}
#block-workEXP .timebox li{display:inline-block; margin-top:5px;}
#block-workEXP .time1 {margin-left:110px}
#block-workEXP .time2 {margin-left:110px}
#block-workEXP .timeline {height:27px; width:868px; margin-left:42px;}
#block-workEXP .workbox  {margin-left:194px;}
#block-workEXP .workbox li{display:inline-block; width:310px; vertical-align: top;}
#block-workEXP .workbox li label{display:block;}
#block-workEXP .workbox .work-place {font-size:26px; font-weight:bold}
#block-workEXP .workbox .work-position {font-size:20px;}
#block-workEXP .workbox .work-do {margin-top:10px; font-size:16px;}

/* block-prjEXP */
#block-prjEXP {padding:50px 0 200px; width:100%; background:url("../image/about_bg.jpg"); color:#FFFFFF;}
#block-prjEXP .prjEXP-title {width:300px; margin:30px auto; text-align:center;}
#block-prjEXP .prjs {height:auto; width:100%; margin-top:100px; overflow:hidden;}
#block-prjEXP .prj {float:left; height:auto; width:240px; margin-left:105px;}
#block-prjEXP .prj .prj-logo {display:block; margin:0 auto; height:180px; width:180px; border-radius:50%;}
#block-prjEXP .prj .prj-title {height:auto; width:240px; margin:20px 0; font-size:26px; text-align:center;}
#block-prjEXP .prj .prj-intro {height:auto; width:240px; font-size:20px; text-indent:1em}
#block-prjEXP #prj-helpmechoose .prj-logo   { border:4px solid #FFFFFF;}
#block-prjEXP #prj-navFixed .prj-title a:hover{border-bottom:3px solid white;}
#block-prjEXP #prj-navFixed .prj-logo       {border:4px solid #FFFFFF;}
#block-prjEXP #prj-integralSystem .prj-logo {border:4px solid #FFFFFF;}

/* block-wantMore */
#block-wantMore {width:100%; background:url("../image/about_bg.jpg"); color:#fff;}
#block-wantMore>p {display:block; position:relative; margin:0 auto; width:100%; text-align:center; font-size: 60px;}



.cont{width:300px;margin:250px auto;padding:30px 0 50px 0;}
.contact_us{list-style: none;float:left;margin:0 auto;}
.contact_us p span{font-size: 15px;color:#FF9900}
.contact_us a div{width:22px;height:25px;}
.contact_us .img1{display:inline-block;background: url("../image/content.png")0 0 no-repeat}
.contact_us .img2{display:inline-block;background: url("../image/content.png") -25px 0 no-repeat}
.contact_us .img3{display:inline-block;background: url("../image/content.png")  -55px 0 no-repeat}
.contact_us .img4{display:inline-block;background: url("../image/content.png")  -85px 0 no-repeat}
.contact_us .img5{display:inline-block;background: url("../image/content.png")  -115px 0 no-repeat}
.contact_us .img6{display:inline-block;background: url("../image/content.png")  -145px 0 no-repeat}
.contact_us .img7{display:inline-block;background: url("../image/content.png")  -175px 0 no-repeat}
.contact_us .img1:hover{background: url("../image/content.png")-1px -25px no-repeat}
.contact_us .img2:hover{background: url("../image/content.png") -25px -25px no-repeat}
.contact_us .img3:hover{background: url("../image/content.png")  -55px -25px no-repeat}
.contact_us .img4:hover{background: url("../image/content.png")  -85px -25px no-repeat}
.contact_us .img5:hover{background: url("../image/content.png")  -115px -25px no-repeat}
.contact_us .img6:hover{background: url("../image/content.png")  -145px -25px no-repeat}
.contact_us .img7:hover{background: url("../image/content.png")  -175px -25px no-repeat}
